<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="__LAYUI__/layui.js"></script>
    <link href="__LAYUI__/css/layui.css" rel="stylesheet"/>
    <link href="__CSS__/index.css" rel="stylesheet"/>
    <!-- <load href='../res/css/index.css'> -->
</head>
<body>


<div id="header" class="layui-header head">
    <div class="layui-main">
        <a style="position: absolute;left: 0;top: 16px;" href="#">
            <img style="height: 81px;display: inline-block;border: none;"
                 src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=113436625,2630828831&fm=27&gp=0.jpg">
        </a>
        <div style="padding-top: 51px">
            <ul class="layui-nav" style="right: 0; position: absolute;" lay-filter="filter">
                <li class="layui-nav-item layui-this"><a href="">最新活动</a></li>
                <li class="layui-nav-item "><a href="">产品</a></li>
                <li class="layui-nav-item"><a href="">大数据</a></li>
                <li class="layui-nav-item">
                    <a href="javascript:;">解决方案</a>
                    <dl class="layui-nav-child"> <!-- 二级菜单 -->
                        <dd><a href="">移动模块</a></dd>
                        <dd><a href="">后台模版</a></dd>
                        <dd><a href="">电商平台</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="">社区</a></li>
            </ul>
        </div>
        <script>
            //注意：导航 依赖 element 模块，否则无法进行功能性操作
            layui.use('element', function () {
                var element = layui.element;

                //…
                element.on('nav(filter)', function (data) {
                    console.log(data);
                })
            });
        </script>
    </div>
</div>

<div id="carousel">
    <div class="layui-carousel" id="test1">
        <div carousel-item>
            <div style="background: snow"></div>
            <div style="background: salmon"></div>
            <div style="background: paleturquoise"></div>
            <div style="background: navy"></div>
            <div style="background: #9F9F9F"></div>
        </div>
    </div>
    <!-- 条目中可以是任意内容，如：<img src=""> -->

    <!--<script src="/static/build/layui.js"></script>-->
    <script>
        layui.use('carousel', function () {
            var carousel = layui.carousel;
            //建造实例
            carousel.render({
                elem: '#test1'
                , width: '100%' //设置容器宽度
                , arrow: 'hover' //始终显示箭头
                , height: '520px'
                //,anim: 'updown' //切换动画方式
            });
        });
    </script>
</div>
<div class="service">
    <div class="index_title">
        <div class="index_title_text1">技术优势</div>
    </div>
    <div class="about_text">

    </div>
</div>
<div class="pro">
    <div class="index_title">
        <div class="index_title_text2">产品中心</div>
    </div>
    <div class="about_text">

    </div>
</div>
<div class="about">
    <div class="index_title">
        <div class="index_title_text1">公司简介</div>
    </div>
    <div class="about_text">

    </div>
</div>
<div id="footer" class="footer">
    <div class="layui-main">
        <div class="footer1">
            <div class="f_left footer1_left">
                <div class="footer1_title">关于我们</div>
                <div class="footer1_text">
                    <a href="#">公司简介</a>
                    <a href="#">荣誉资质</a>
                </div>
            </div>
            <div class="f_left footer1_left">
                <div class="footer1_title">产品中心</div>
                <div class="footer1_text">
                    <a href="#">产品1</a>
                    <a href="#">产品2</a>
                </div>
            </div>
            <div class="f_left footer1_left">
                <div class="footer1_title">技术优势</div>
                <div class="footer1_text">
                    <a href="#">基础知识</a>
                    <a href="#">资料文档</a>
                </div>
            </div>
            <div class="f_left footer1_left">
                <div class="footer1_title">新闻动态</div>
                <div class="footer1_text">
                    <a href="#">公司新闻</a>
                </div>
            </div>
            <div class="f_right footer1_right">
                <div class="footer1_title">联系我们</div>
            </div>
        </div>
    </div>
    <div class="footer2">

    </div>
</div>


</body>
</html>